body {
  height: 100%;
  width: 100%;
  background: #222 url(../img/pinksky.jpg);
  background-repeat: repeat-x;
  background-size: 100% auto;
  position: relative;
  background-size: cover;
  margin: 0;
  padding: 0;
}
#login-box {
  width: 556px;
  height: auto;
  margin: 0 auto;
  margin-top: 13%;
  text-align: center;
  background: #00000060;
  position: relative;
  padding: 20px 50px;
  border-radius: 15px;
}
#login-box h1 {
  color: #fff;
}
#login-box .form .item {
  margin-top: 15px;
}
#login-box .form .item i {
  font-size: 18px;
  color: #fff;
}
#login-box .form .item input {
  width: 180px;
  font-size: 18px;
  border: 0;
  border-bottom: 2px solid #fff;
  padding: 5px 10px;
  background: #ffffff00;
  color: #fff;
}
#login-box select {
  height: 30px;
  width: 200px;
  border-radius: 15px;
  text-align: center;
  text-align-last: center;
  color: white;
  font: bolder 15px/30px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 3px solid white;
}
#btn01,
#reset01 {
  margin-top: 20px;
  display: inline-block;
  padding: 10px 20px;
  font-size: 15pxpx;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: white;
  background-color: black;
  border: none;
  border-radius: 15px;
  box-shadow: 0 6px darkslategray;
}

#reset01:hover,
#btn01:hover {
  background-color: gray;
}
#reset01:active,
#btn01:active {
  background-color: #222;
  box-shadow: 0 2px #666;
  transform: translateY(2px);
}

input::-webkit-input-placeholder {
  color: whitesmoke;
  font-size: 15px;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: whitesmoke;
  font-size: 15px;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: whitesmoke;
  font-size: 15px;
}
input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: whitesmoke;
  font-size: 15px;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}

#btn01,
#reset01 {
  margin-right: 5px;
  cursor: pointer;
}
#input-code {
  width: 110px;
  font-size: 18px;
  border: 0;
  border-bottom: 2px solid #fff;
  padding: 5px 10px;
  background: #ffffff00;
  color: #fff;
}
.form-code {
  margin: 15px 0 0 40px;
}
#code {
  width: 100px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  font-weight: bolder;
  color: white;
  border: 3px solid white;
  border-radius: 15px;
}
